<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        const xhr = new XMLHttpRequest()
        xhr.addEventListener('load',()=>{
           let res = JSON.parse(xhr.response)
           console.log(res);
        })
        xhr.open('post','http://www.itcbc.com:3006/api/addbook')
        //JSON
        // xhr.setRequestHeader('Content-Type', 'application/json')
        // xhr.send(JSON.stringify({bookname:'hthp',author:'gyu',publisher:'xxx',appkey:'987411'}))
        
        //查询字符串
        // xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
        // xhr.send(`bookname=${encodeURIComponent('uu')}&author=${encodeURIComponent('yyy')} &publisher=${encodeURIComponent('zz')}&appkey=${encodeURIComponent('987411')}`)
       
        //FormData 请求体不用设置，浏览器自动设置
           let fd = new FormData()
           fd.append('bookname','xx')
           fd.append('author','yy')
           fd.append('publisher','zz')
           fd.append('appkey','987411')
           xhr.send(fd)
    </script>
</body>
</html>